﻿.cf-window { font-family: Tahoma; font-size: 10px; }
.cf-window div { float: left; }
.cf-window .title .left { width: 3px; height: 22px; background: url(images/tl.png); }
.cf-window .title .tile { width: 350px; height: 22px; background: url(images/tt.png) repeat-x; font-size: 11px; font-weight: bold; color: #fff; text-align: center; line-height: 22px; vertical-align: middle; cursor: default; }
.cf-window .title .right { width: 3px; height: 22px; background: url(images/tr.png); }
.cf-window .body { clear: both; }
.cf-window .body .left { height: 350px; width: 3px; background: url(images/ml.png) repeat-y; }
.cf-window .body .tile { height: 350px; width: 350px; background-color: #46515f; }
.cf-window .body .right { height: 350px; width: 3px; background: url(images/mr.png) repeat-y; }
.cf-window .bottom { clear: both; }
.cf-window .bottom .left { width: 3px; height: 4px; background: url(images/bl.png); }
.cf-window .bottom .tile { width: 350px; height: 4px; background: url(images/bt.png) repeat-x; }
.cf-window .bottom .right { width: 3px; height: 4px; background: url(images/br.png) repeat-y; }
.cf-window .toolbar { height: 36px; }
.cf-window .toolbar .left { width: 2px; height: 36px; background: url(images/tbarl.png) no-repeat; }
.cf-window .toolbar .tile { width: 346px; height: 36px; background: url(images/tbart.png) repeat-x; }
.cf-window .toolbar .right { width: 2px; height: 36px; background: url(images/tbarr.png) no-repeat; }
.cf-window .toolbar ul { margin: 1px 0 0 0; padding: 0; list-style-type: none; }
.cf-window .toolbar ul li { float: left; width: 32; height: 32;  margin-right: 3px; }
.cf-window .toolbar ul li a { display: block; height: 32px; text-decoration: none; padding: 1px 0 0 1px; }
.cf-window .toolbar ul li a:hover { background: url(images/tbarbg.png) repeat-x; border: 1px solid #f2aa23; padding: 0; }
.cf-window .toolbar ul li a div { display: inline; font-family: Verdana; font-size: 10px; color: #343434; line-height: 32px; text-decoration: none; margin-right: 3px; }
.cf-window .toolbar img { border: none; }
.cf-window .participants { width: 350px; height: 46px; background: url(images/participants.png) no-repeat; }
.cf-window .participants ul { margin: 6px 0 0 10px; padding: 0; list-style-type: none; }
.cf-window .participants li { font-size: 11px; font-weight: bold; line-height: 14px; vertical-align: middle; background: url(images/part-bullet.png) no-repeat; padding-left: 20px; height: 18px; }
.cf-window .sep { width: 350px; height: 6px; background: url(images/sep.png) no-repeat; background-position: center center; }

.cf-window .messages { height: 180px; width: 348px; font-family: Tahoma; font-size: 11px; font-weight: bold; background-color: #fff; margin-left: 1px; overflow-x: hidden; overflow-y: scroll; }
.cf-window .messages .message { width: 320px; margin: 5px 0 0 5px;}
.cf-window .messages .message p.sender { margin: 0; color: #a40000; }
.cf-window .messages .message.visitor p.sender { margin: 0; color: #6d6d6d; }
.cf-window .messages .message p.body { margin: 0; color: #000; padding: 0 0 0 10px; }
.cf-window .messages .message.system { width: 310px; margin: 5px 0 5px 5px; padding: 5px 5px; border: 1px solid #b3bad1; background-color: #f1f4fe; color: #000; font-style: italic; font-weight: normal; }

.cf-window .input { height: 68px; width: 348px; background-color: #fff; margin-left: 1px; border: none; }
.cf-window .input textarea { width: 340px; height: 68px; border: none; font-family: Tahoma; font-size: 11px; overflow: hidden; }

.cf-video-window { font-family: Tahoma; font-size: 10px; }
.cf-video-window div { float: left; }
.cf-video-window .title .left { width: 3px; height: 22px; background: url(images/tl.png); }
.cf-video-window .title .tile { width: 358px; height: 22px; background: url(images/tt.png) repeat-x; font-size: 11px; font-weight: bold; color: #fff; text-align: center; line-height: 22px; vertical-align: middle; cursor: default; }
.cf-video-window .title .right { width: 3px; height: 22px; background: url(images/tr.png); }
.cf-video-window .body { clear: both; }
.cf-video-window .body .left { height: 334px; width: 3px; background: url(images/ml.png) repeat-y; }
.cf-video-window .body .tile { height: 334px; width: 358px; background-color: #46515f; }
.cf-video-window .body .right { height: 334px; width: 3px; background: url(images/mr.png) repeat-y; }
.cf-video-window .bottom { clear: both; }
.cf-video-window .bottom .left { width: 3px; height: 4px; background: url(images/bl.png); }
.cf-video-window .bottom .tile { width: 358px; height: 4px; background: url(images/bt.png) repeat-x; }
.cf-video-window .bottom .right { width: 3px; height: 4px; background: url(images/br.png) repeat-y; }
.cf-video-window .toolbar { height: 36px; }
.cf-video-window .toolbar .left { width: 2px; height: 36px; background: url(images/tbarl.png) no-repeat; }
.cf-video-window .toolbar .tile { width: 354px; height: 36px; background: url(images/tbart.png) repeat-x; }
.cf-video-window .toolbar .right { width: 2px; height: 36px; background: url(images/tbarr.png) no-repeat; }
.cf-video-window .toolbar ul { margin: 1px 0 0 0; padding: 0; list-style-type: none; }
.cf-video-window .toolbar ul li { float: left; width: 32; height: 32;  margin-right: 3px; }
.cf-video-window .toolbar ul li a { display: block; height: 32px; text-decoration: none; padding: 1px 0 0 1px; }
.cf-video-window .toolbar ul li a:hover { background: url(images/tbarbg.png) repeat-x; border: 1px solid #f2aa23; padding: 0; }
.cf-video-window .toolbar ul li a div { display: inline; font-family: Verdana; font-size: 10px; color: #343434; line-height: 32px; text-decoration: none; margin-right: 3px; }
.cf-video-window .toolbar img { border: none; }
.cf-video-window .sep { width: 358px; height: 6px; background: url(images/sep.png) no-repeat; background-position: center center; }
